Log in Register Dashboard Temp Share Shortlinks Frames API

cody - HTMLify profile

cody's Profile Picture

cody

4270 Files

634361 Views

Latest files of /cody/swapnilsparsh/30DaysOfJavaScript/75 - Movie Search App

README.md cody/swapnilsparsh/30DaysOfJavaScript/75 - Movie Search App/README.md
185 Views
0 Comments
<h1>Movie Search App</h1>

<p>Simple Movie Search App in HTML, CSS, and JavaScript using the APIs for fetching movies information.</p>

<h3>Used Technologies</h3>
<ul>
<li>HTML5</li>
<li>CSS3</li>
Movie-Search-App.png cody/swapnilsparsh/30DaysOfJavaScript/75 - Movie Search App/Movie-Search-App.png
83 Views
0 Comments
Media file
style.css cody/swapnilsparsh/30DaysOfJavaScript/75 - Movie Search App/style.css
109 Views
0 Comments
@import url("https://fonts.googleapis.com/css2?family=Benne&display=swap");
* {
box-sizing: border-box;
}
:root {
--primary-color: #22254b;
--secondary-color: #373b69;
}
index.html cody/swapnilsparsh/30DaysOfJavaScript/75 - Movie Search App/index.html
314 Views
0 Comments
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Movie Search App</title>

script.js cody/swapnilsparsh/30DaysOfJavaScript/75 - Movie Search App/script.js
185 Views
0 Comments
const API_KEY = "api_key=1cf50e6248dc270629e802686245c2c8";
const BASE_URL = "https://api.themoviedb.org/3";
const API_URL = BASE_URL + "/discover/movie?sort_by=popularity.desc&" + API_KEY;
const IMG_URL = "https://image.tmdb.org/t/p/w500";
const searchURL = BASE_URL + "/search/movie?" + API_KEY;
const recommendationsHeader = document.getElementById("recommendations-header");
let movieId = "";
let recommendationsURL = "";